<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>预约接种</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="./dist/css/yfjz.css" />
</head>
<body>
    <div class="shadow hide js_confirm1 js_confirm">
        <div class="confirm_tips pf">
            <div class="_title">温馨提示</div>
            <div class="tip_contemnt">
            您确定要删除吗
            </div>
            <div class="tips_btn">
            <span class="cancel js_tips_cancel">取消</span>
            <span class="js_ok_1">确定</span>
            </div>
        </div>
    </div> 
    <div class="shadow hide js_confirm2 js_confirm">
            <div class="confirm_tips pf">
                <div class="_title">温馨提示</div>
                <div class="tip_contemnt">
                您确定要删除吗
                </div>
                <div class="tips_btn">
                <span class="cancel js_tips_cancel">取消</span>
                <span class="js_ok_1">确定</span>
                </div>
            </div>
        </div> 
    <div class="shadow1  js_message hide">
        <p class="loading"></p>
    </div>
    <div class="shadow show hide js_meng_ceng" ></div>

    <!-- 添加宝宝 -->
    <div class="upshadow add bb  hide js_add_boby_form" >
        <p class="x" ></p>
        <p class="name">添加宝宝</p>
        <div class="addf bb df" >
            <span class="a" >宝宝头像：</span>
            <span class="b "><input type="file" class="js_upload_image" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"></span>
        </div>
        <div class="addc bb df">
            <span class="c" >宝宝姓名：</span>
            <span class="d" ><input type="text" placeholder="请输入宝宝姓名" class="js_add_baby_name" maxlength="6"></span>
        </div>
        <div class="addc bb df js_baby_sex">
            <span class="c" >宝宝性别：</span>
            <p class="e df"><span class="circle green" data-sex="0"></span><span class=" f">男</span></p>
            <p class="e df" ><span class="circle hui" data-sex="1"></span><span class=" f" >女</span></p>
        </div>
        <div class="addc bb df">
            <span class="c" >出生日期：</span>
            <p class="e df" ><input type="text" readonly="readonly" class="js_baby_date ipticon" t_id="kui_date"></p>
        </div>
        <p class="sub" ><span class="ac js_baby_btn" >确定并添加</span></p>
    </div>
    <!-- 切换宝宝 -->
<div class="upshadow bb change hide js_babylist_wrap">
<p class="x js_close"></p>
        <p class="name">切换宝宝</p>
        <div class="baobao js_babylist" >
            
        </div>
        <p class="sure ac js_baby_select"><span>确定</span></p>
      
    </div> 
    <!-- 添加提醒 -->
    <div class="upshadow bb tell hide js_add_boby_remind" >
        <p class="x js_close" ></p>
        <p class="name">添加提醒</p>
        <div class="tell1 bb df">
            <span class="a" >提醒时间：</span>
<span class="b pr"><input type="text" readonly="readonly" class="ipticon _date js_remind_date_input" t_id="kui_date"></span>
            <span class="c pr hide js_remind_date"></span>
        </div>
        <div class="tell1 bb df">
            <span class="a" >提醒主题：</span>
            <input type="text" placeholder="请输入提醒主题(不超过20个字)" class="js_themes" maxlength="20">
        </div>
        <div class="texta bb js_limit_wrap pr">
            <div class="tell1 bb nomar df">
                <span class="a" >提醒内容：</span>
            </div>
            <textarea name="" id="" placeholder="请输入提醒内容最多60字"  class="bb js_contents_re js_input_limit"></textarea>
            <span class="span_list pa b18r0">还可输入60字</span>
        </div>
        <p class="sure  ac js_add_remind_save"><span>确定并保存</span></p>
    </div>
    <!-- 添加记录 -->
    <div class="upshadow bb tell hide js_add_recored_wrap" >
        <p class="x" ></p>
        <p class="name">添加记录</p>
        <div class="tell1 bb df">
            <span class="a" >接种时间：</span>
            <span class="b pr"><input type="text" readonly="readonly" class="ipticon _date js_add_recore_date" t_id="kui_date"></span>
            <span class="hide c"></span>
        </div>
        <div class="tell1 bb df">
            <span class="a" >记录主题：</span>
<input type="text" placeholder="请输入提醒主题(不超过20个字)" class="js_add_record_thems" maxlength="20">
        </div>
        <div class="texta bb js_limit_wrap pr">
            <div class="tell1 bb nomar df">
                <span class="a" >记录内容：</span>
            </div>
            <textarea name="" id="" placeholder="请输入接种记录内容最多60字"  class="bb js_add_record_content js_input_limit"></textarea>
            <span class="span_list pa b18r0">还可输入60字</span>
        </div>
<p class="sure  ac js_add_record_save"><span>确定并保存</span></p>
    </div> 
    <div class="page">        
        <header></header>
        <nav class="pr">
            <ul class="df js_nav"></ul>
            <ul class="pa wrap js_sub_nav df dfc"> </ul>
        </nav>
        <div class="all_wrap">
            <div class="cw drug" >
                <div class="f-title" >当前位置：<span class="js_index">首页</span> > 公共卫生服务 > 预防接种服务</div>
                <div class="tab js_tab" >
                    <span class='on' data-id='2'>儿童预防接种服务</span>
                    <span data-id='0'>自费疫苗接种</span>
                    <span data-id='1'>狂犬病疫苗接种</span>
                </div>
                <!-- 儿童 -->
                <div class="drug-child js_child_wrap" >
                    <div class="child js_baby_info" > 
                        
                    </div>
                    <div class="message df" >
                        <div class="message-left message-c " >
                            <p class="m-first" >
                                <span class="a"></span>
                                <span class="b">接种提醒</span>
                                <span class="c js_add_remind"></span>
                            </p>
                            <div class="m-second js_baby_remind">
                        
                            </div>
                            <div class="m-three " >
                                <span class="js_re">查看更多</span>
                            </div>
                            
                        </div>
                        <div class="message-right  message-c ">
                            <p class="m-first" >
                                <span class="a"></span>
                                <span class="b">接种记录</span>
                                <span class="c js_add_record"></span>
                            </p>
                            <div class="m-second js_baby_record" >
                              
                            </div>
                            <div class="m-three" >
                                <span class="js_co">查看更多</span>
                            </div>
                        </div>
                    </div>
                    <div class="drug-list" >
                        <p class="list-title" >接种机构</p>
                        <div class="js_org_list">

                        </div>
                    </div>
                    <!-- <div class="btns">
                        <p class="df"><span class="btn js_changepage_reduce">上一页</span><span class="word js_num_wrap">1/3</span><span
                                class="btn blue js_changepage_add">下一页</span></p>
                    </div> -->
                </div> 
                
                <!-- 成人 -->
                <div class="drug-people js_ym_info style='display:none'" >

                </div>
            </div>
            <div> 
        </div>
    </div>
        <footer>
            <div class="wrap df dfm">
                <div class="logo"></div>
                <ul>
                <li>北京市西城区卫生健康委员会 </li>
                <li class="c9">Xicheng District Health Commission of Beijing Municipality</li>
                </ul>
                <ul class="df1 ar">
                <li>京ICP备06013505号</li>
                <li>电话:010-8206198</li>
                </ul>
            </div>
        </footer>
  
<script src="./dist/yfjz.js"></script>
</body>

</html>
